<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tld/Paging.tld" prefix="pagingTag"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>

<section id="boxComment" class="boxSubject corner3 rightShadow">
	<div class="boxTitle topCorner3">
<!-- 		<a class="activeComment" href="" title="commentTO"> -->
<%-- 			Bình luận trên TruyenZ.com (${countComent}) --%>
<!-- 			<span></span> -->
<!-- 		</a> -->
		<a class="activeComment" href="" title="commentFB">
			Bình luận
			<span></span>
		</a>
	</div>
	<fmt:message var="linkOfsite" key="app.domain" />
	<spring:url var="linkOfsite" value="${linkOfsite}truyen-trinh-tham/T${truyen.id}/${fn:replace(truyen.alias,' ','-')}.htm" />
	<div id="commentFB" class="boxTypeComment">
		<div class="fb-comments" data-href="${linkOfsite}" data-num-posts="5" data-width="680"></div>
	</div>
<!-- 	<div id="commentTO" class="boxTypeComment"> -->
<!-- 		<form> -->
<%-- 			<c:choose> --%>
<%-- 				<c:when test="${userInfo != null}"> --%>
<!-- 					<label>Nội dung:</label><br /> -->
<!-- 					<textarea name="contentComment" id="contentComment" class="validate[required]" placeholder="Nội dung bình luận..."></textarea> -->
<!-- 					<button style="margin-top:6px;padding:7px 10px" class="rightShadow corner3 buttonOrange" type="submit" id="btComment">Bình luận</button> -->
<!-- 					<div class="captcha"> -->
<%-- 						<img class="corner3" src='<spring:url value="/captcha3.htm" />' /> --%>
<!-- 						<input id="answer" name="answer" class="corner3 validate[required]" placeholder="Nhập mã xác nhận..." /> -->
<!-- 					</div> -->
<%-- 				</c:when> --%>
<%-- 				<c:otherwise> --%>
<!-- 					<div>Hãy <a class="btGetBoxLogin" href="" title="đăng nhập">ĐĂNG NHẬP</a> để tham gia bình luận và sử dụng nhiều chức năng khác cùng gia đình mê truyện <a href='http://truyenz.com/' title="truyenz.com">truyenZ.com</a></div> -->
<%-- 				</c:otherwise> --%>
<%-- 			</c:choose> --%>
<!-- 		</form> -->
<!-- 		<ul class="listComment"> -->
<%-- 			<c:choose> --%>
<%-- 				<c:when test="${lstComent.size() > 0}"> --%>
<%-- 					<c:forEach items="${lstComent}" var="item"> --%>
<!-- 						<li> -->
<!-- 							<div class="imgAvatar"> -->
<%-- 								<img src="${item.account.avatar}/s50/" width="50" height="50" alt="${item.account.nickName}" /> --%>
<!-- 							</div> -->
<!-- 							<p class="corner3 rightShadow"> -->
<%-- 								<b>${item.account.nickName}:</b><span>(<fmt:formatDate pattern="hh:mm dd/MM/yyyy" value="${item.dateComent}" />)</span><br /> --%>
<%-- 								${item.content} --%>
<!-- 							</p> -->
<%-- 							<img id="arrowToNick" src="<spring:url value='/resources/images/arrow-to-nick.png' />" alt="" /> --%>
<!-- 							<div class="clear">&nbsp;</div> -->
<!-- 						</li> -->
<%-- 					</c:forEach> --%>
<%-- 				</c:when> --%>
<%-- 				<c:otherwise></c:otherwise> --%>
<%-- 			</c:choose> --%>
<!-- 		</ul> -->
<!-- 	</div> -->
</section>